<form nz-form [formGroup]="group" >

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="id">ID</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
      <input nz-input formControlName="id" placeholder="默认为随机生成" />
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">名称</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
      <input nz-input formControlName="name" />
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="version">版本</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
      <input nz-input formControlName="version" />
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="desc">说明</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
      <textarea nz-input formControlName="desc"></textarea>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" >图片上传</nz-form-label> 
    <nz-form-control [nzSm]="14" [nzXs]="24">
      <nz-upload nzAction="/" [nzHeaders]="{ authorization: 'authorization-text' }"
          (nzChange)="handleChange($event)">
          <button nz-button>
              <span nz-icon nzType="upload"></span>
              点击上传
          </button>
      </nz-upload>
  </nz-form-control>
  </nz-form-item>

  <nz-collapse>
    <!-- 属性start -->
    <nz-collapse-panel nzHeader="属性" nzActive>
      <app-edit-table formControlName="properties" [listData]="listData"></app-edit-table>
    </nz-collapse-panel>
    <!-- 属性end -->

    <ng-template #functionEx>
      <button type="button" nz-button nzType="primary">
        <i nz-icon nzType="plus"></i>
        添加
      </button>
    </ng-template>
    <nz-collapse-panel nzDisabled nzHeader="功能" [nzExtra]="functionEx">
      暂不支持
    </nz-collapse-panel>

    <ng-template #eventEx>
      <button type="button" nz-button nzType="primary">
        <i nz-icon nzType="plus"></i>
        添加
      </button>
    </ng-template>
    <nz-collapse-panel nzDisabled nzHeader="事件" [nzExtra]="eventEx">
      暂不支持
    </nz-collapse-panel>

    <nz-collapse-panel nzHeader="变量">
      <app-edit-table formControlName="parameters" [listData]="parameterslistData"></app-edit-table>
    </nz-collapse-panel>

    <nz-collapse-panel nzHeader="约束">
      <span nz-typography nzType="warning">表达式计算不成立时，产生报警信息</span>
      <app-edit-table formControlName="constraints" [listData]="constraintslistData"></app-edit-table>
    </nz-collapse-panel>
  </nz-collapse>
</form>